@CHARSET "UTF-8";

body {
    background: #f0f0f0; padding-top: 78px;
}

body.body-white {
    background: #fff;
}

#case-slider .sy-pager{ display:none !important}
.cctv-v{ height:auto; overflow:hidden}
.cctv-v a{ text-decoration:none;  font-size:18px; line-height:3; color:#333; font-weight:700; display:inline-block; padding:15px; background:#f0f0f0; border:1px solid #ededed; margin-bottom:30px;}
.cctv-v a:hover{background:#eef2f6; border:1px solid #eef2f6;}
.cctv-v img{ width:100%; height:auto; overflow:hidden; margin-top:10px;}

.index-cctv-video{ height:auto; overflow:hidden}
.index-cctv-video img{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.index-cctv-video a,.index-cctv-video h3{ text-align:center; text-decoration:none;  font-size:16px; line-height:1.4; color:#333; font-weight:700; display:inline-block;}

.index-cctv-video>div{ margin-bottom:30px}

.icon-hc{   padding:32px 0 0 0; background:url(/images/chinafire-hc.png) top center no-repeat; background-size:auto 24px ; }
.icon-cctv-10{   padding:32px 0 0 0; background:url(/images/cctv-10.png) top center no-repeat; background-size:auto 24px ; }
.icon-cctv-17{   padding:32px 0 0 0; background:url(/images/cctv-17.png) top center no-repeat; background-size:auto 26px ; }
.icon-cctv-fxzl{ padding:32px 0 0 0;  background:url(/images/cctv-fxzl.png) top center no-repeat; background-size:auto 22px; }


.topbar{ height: 35px; line-height: 35px; overflow: hidden; border-bottom: 1px solid #f0f0f0;color: #666; background: #fff;}
.topbar a{ color: #666; }
.topbar span{ font-size: 12px;margin:0 5px 0 10px; color: #ccc}
.topbar a:hover{ text-decoration: none;color: #2677FF}

.headbar{ padding:25px 0; height: auto; overflow: hidden; background: #fff;}

.hd-logo{ height:78px;line-height:78px; position:relative;z-index:990; padding:0 0 0 40px; }
.hd-logo img{display:inline-block; height:40%;line-height:78px;}

.navbar{margin-bottom: 0; height auto; position:fixed; z-index:900; top:0; left:0; right:0; background: #fff; text-align:center;/* box-shadow: 2px 0px 10px rgba(0,0,0,0.2);*/ border-bottom:1px solid #f1f1f1;}

.navbar-nav{ width:auto; display:inline-block; width:100%; position:absolute; z-index:901; text-align: center; left:0; right:0; top:0}
.navbar-nav>li{ display:inline-block !important; float:none !important; margin:0 0.75%; }
.navbar-nav>li>a{height: 80px; line-height: 78px;width:auto; padding:0; color: #333; font-size: 16px; }
.navbar-nav>li>a:hover,.navbar-nav>li.active a,.navbar-nav>li>a:focus{ background-color:#fff; border-bottom:2px solid #2677FF; color:#212121}


.nav-mu{ float:right; position:relative;z-index:990;}
.nav-mu-mp{  font-size:22px; height:78px; line-height:78px;}
.nav-mu-tel{ font-size:22px; height:78px; line-height:78px; font-weight:600;display:inline-block; width:auto; padding-right:15px;border-right:1px solid #e6e6e6;}
.nav-mu-tel .iconfont{ font-size:24px;color:#999;  font-weight:100 !important;}
.nav-mu-en{ text-decoration:none; display:block; float:right; color:#999; line-height:78px; width:50px; height:78px; overflow:hidden;}
.nav-mu-en:hover{ background:#ededed;text-decoration:none; color:#666}
.navbar-form{ margin: 0; padding: 0;}


.banner{ text-align: center; width: 100%; height: auto; min-height: 420px; overflow: hidden; background: top center no-repeat; background-size:auto 100%; background-color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.banner img{ display: inline-block}

.banner h2 {
    font-size: 36px;
    color: #FFF;
    text-align: center;
    line-height: 1;
    margin: 0 auto;
    font-weight: 500;
}
.banner p {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    line-height: 18px;
    padding: 50px;
}



.m-banner{ display:none; width:100%; height:auto; overflow:hidden}
.m-banner img{ display:block; width:100%; height:auto; margin:0; padding:0}

.container{ min-width:1180px; !important}
.container h2 span{ padding-left:1em; font-size:14px; color:#999}

.footer{ background: #f5f5f5; border-top:1px solid #ddd}
.footer-nav{margin:35px 0}
.footer-nav h3{ font-size:18px !important; font-weight:700 !important}
.footer-nav * a{ font-size: 16px; line-height:2.4; color: #666}
.footer-nav * a:hover{ color: #2677FF} 

.footer_telbar{ height: auto; overflow: hidden;}
.footer_telbar a{ color: #333;}
.footer_telbar a:hover{ color:#333;}
.footer_telbar h3{ font-size: 24px; font-weight: 700;display: block; margin-bottom: 0;} 
.footer_telbar i{font-size: 32px;  margin:0; display: inline-block;letter-spacing:-1px;}

.footer_telbar b{font-size: 32px; font-weight: 700; margin: 10px 0 0 10px; display: inline-block;letter-spacing:-1px;}
.footer_telbar span{font-size: 12px;letter-spacing:4px; }

.footer-tel-tit{ float: left}
.footer-tel-num{ float:left}
.footer-tel-sevr{ float:left;}

.footer_line{ padding: 30px 0; line-height:2;color: #666; margin-top:0; clear: both}
.footer_line a{ color: #666; text-decoration: none}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}

.box{}
.box-tit{ margin-top: 80px;}
.box-en{letter-spacing:5px; color: #666; font-size: 18px; opacity: .5}
.box-cont{ padding: 50px 0 80px 0; height: auto; overflow: hidden}

.box-gsjj{background: url(/images/index_gsjj_bg.jpg) center center no-repeat;  background-size:auto;}
.box-ry-li{ height: auto; overflow: hidden; margin-top: 50px; max-width:1000px; margin:0 auto}
.box-ry-li img{}
.box-gsjj-pic{ width: 43%}
.box-gsjj-pic-tit{ margin: 10px 0; color: #fff; font-size: 20px;}
.box-gsjj-cont{width: 57%; padding: 50px 50px 0 0}
.box-gsjj-cont p{ text-indent: 2em}
.box-mbtn{ margin-top: 10px; padding:0 20px; line-height: 30px; border: 1px solid #2677FF; display: inline-block; width: auto; border-radius: 50px}

/*首页 新闻*/
.box-news{ background: #fff;}
.box-news-item{background: #f8f8f8; min-height: 520px; position: relative}
.box-news-item:hover{background: #f6f6f6; }
.box-news-item:hover .box-news-item-pic img{ width:105%;}
.box-news-item h4{ line-height:1.4;}
.box-news-item p{ padding-top:10px; font-size:16px; line-height:1.5; color:#666;}
.box-news-item a{ color: #333; text-decoration: none;}
.box-news-item a:hover{ color: #000;}
.box-news-item-pic{ height:280px; overflow: hidden; position:relative;}
.box-news-item-pic img{position:absolute;display:block; width:100%; height:auto; transform: translate(-50%,-50%);
    top: 50%;
    left: 50%; 
	
	 transition: all 0.5s; -webkit-transition: all 0.5s;
}
.box-news-item-cont{ padding: 20px 30px;}

.news-list{ padding:20px 30px; background:#f8f8f8; overflow-x:hidden; height:520px}
.news-item{ padding:10px 0;font-size:17px; }
.news-item a{color:#333; font-size:17px;} 

/*首页-产品展示*/
.box-product{background: #f5f5f5;  background-size:auto;}
.box-product .box-tit{ color: #333;}
.box-product .box-en{ color: #333;}

.product-list{ height:auto; }
.product-list .col-md-3:nth-child(1),
.product-list .col-md-3:nth-child(6),
.product-list .col-md-3:nth-child(7){ width:50%;}

.product-list .col-md-3:nth-child(1) .product-list-item{height:300px;}
.product-list .col-md-3:nth-child(6) .product-list-item,.product-list .col-md-3:nth-child(7) .product-list-item{height:300px;}

.product-list-item{ background: #fff; overflow: hidden; height: 300px; margin-top: 30px; position:relative}
.product-list-item img{ display: block; margin: 0 auto; padding: 0;  max-width:85%; max-height:85%; }
.product-list-item-cont{ padding:10px 20px; text-align:left; position:absolute; bottom:0; left:0; width:100%; height:auto; }
.product-list-item-cont h4{  line-height: 1.2; font-size:14px; text-align: left; color:#333 !important; }

.product-nav a{ margin: 5px 0; color: #333; background: #fff;display: inline-block; line-height:40px; border-radius: 6px;padding: 0 13px; text-decoration: none}
.product-nav a:hover,.product-nav a.active{ background: #282828; color: #fff;}


/*首页-6大优势*/
.box-advantage{background: url(/images/index_ys_bg.jpg) center center no-repeat;  background-size:auto;}
.box-advantage-item h2{ font-weight: 700; color: #2780E8}
.box-advantage-item p{ font-size: 16px;}
.box-advantage-item .iconfont{ font-size: 64px; margin: 10px 30px ; color: #2677FF}
.box-advantage-item-1,.box-advantage-item-3,.box-advantage-item-5{ width: 40%; float: left; margin: 20px 0;}
.box-advantage-item-2,.box-advantage-item-4,.box-advantage-item-6{ width: 40%; float: right; margin: 20px 0; }
.box-advantage-item-3,.box-advantage-item-4{width: 33%; }


.box-strength{background: #f7e6c7 url(/images/index_strength_bg.jpg) top center no-repeat;  background-size:auto; height:335px;}
.box-strength .box-tit{ color: #fff;}
.box-strength .box-en{ color: #fff;}
.patent-list{ font-size:24px; font-weight:700; padding-top:30px; text-align:center; color:#fff}
.patent-list span{ font-size:52px; padding:0 0.25em;color:#e1251b}

/*荣誉*/



.box-honor{background: #f7e6c7 url(/images/index_honor_bg.png) top center no-repeat;  background-size:auto;}
.box-honor .box-tit{ color: #1d253f;}
.box-honor .box-en{ color: #1d253f;}
.honor-list{ height:auto; overflow:hidden; clear:both;}
.honor-list>li{ position: relative; margin-bottom: 30px;}
.honor-list>li .img{height: 230px; overflow: hidden; background: #fff; border: 3px solid #fff;}
.honor-list>li.col-md-2 .img{ width:100%; height:auto; overflow: hidden}
.honor-list>li.col-md-4 .img{ width:100%; height:auto; max-height:300px; overflow: hidden}
.honor-list>li.col-md-4 .img img{ width:100% !important}
.honor-list>li .tit{ text-align:center; font-size:20px; font-weight:700; color:#663300; padding-bottom:30px; line-height:1.4}
.honor-list>li a:hover{ text-decoration:none}

.col-md-4 .list-honor-item-img{ height: 460px; overflow: hidden}
.col-md-2 .list-honor-item-img{ height: 230px; overflow: hidden}


/*案例*/
.box-case{background: #33c url(/images/index_al_bg.jpg) top center no-repeat;  background-size:auto;}
.case-slider-item{ height: 420px; overflow: hidden; position: relative}
.case-slider-item img{ height: 420px; margin: 0 auto;border: 5px solid rgba(255,255,255,.2);}
.case-slider-item h3{ position: absolute; top: 0; right:30px; padding: 50px;  border-radius: 0 30px 0 0; background: rgba(38,119,255,.7); color: #fff;}

.box-gcal{}

.box-shadow{-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2);box-shadow: 0 6px 12px rgba(0,0,0,.1)}


/*文章内容*/

.article_content p{ font-size: 17px; line-height: 2; margin: 0; padding: 0}

.product-pic{ text-align:center; margin:0 auto;}
.product-pic img{ display:block; margin:0 auto;}
.product-top{ height:auto; overflow:hidden;}
.product-top h2{ float:left; padding:15px 0; margin: 20px 0 0 0}
.product-btn{ float:right; margin-top:30px;}
.product-btn a{ height:45px; line-height:45px; font-size:15px; margin:0 5px; background:#2780E3; color:#fff; display:inline-block; border-radius:2px; padding:0 20px; }
/*图片列表*/
.product-list-boxes{ background: #fff; text-align: center; padding-bottom: 15px; margin-top: 15px; }
.product-list-boxes:hover{ -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2);
    box-shadow: 0 6px 12px rgba(0,0,0,.1); z-index: 9; position: relative}
	.product-list-boxes b{line-height: 1.2; padding: 20px 0; display: block}
	.product-list-boxes a{ font-size: 16px; color: #888;  text-align: center;height: 400px; display: block; padding: 15px;}
	.product-list-boxes a:hover{ color: #282828; text-decoration: none;}

	.product-list-pic{ height: 320px;  margin: 0 auto; display: block; overflow: hidden;}
	.product-list-pic img{ max-height: 100%; display: inline-block;
		
	} 
	.product-list-pic img:hover{
		-webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 0.3s ease-out 0s;
	    -moz-transition: all 0.3s ease-out 0s;
	    -o-transition: all 0.3s ease-out 0s;
	    transition: all 0.3s ease-out 0s;
	}



/*产品内容页*/

.product-tit{ margin: 30px 0; border-bottom: 1px solid #ededed; line-height: 40px; background: #f0f0f0; padding: 0 30px;}


.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar .nav .user {
    padding: 0;
}

.navbar .nav .user .headicon {
    margin: 0 5px;
    height: 30px;
}

.navbar .nav .user .caret {
    vertical-align: middle;
    margin: 0 5px;
}

.navbar-nav>li>.dropdown-menu{ margin-top:-7px !important; border:none}
.navbar-nav>li>.dropdown-menu>.menu-item a{ line-height:2.5; border:none !important; color:#333;}

.navbar-nav>li>.dropdown-menu>.menu-item.active a{ background:#2780E3;color:#fff;}

.navbar-nav>li>.dropdown-menu>.menu-item a:hover{ background:#93bff1;color:#fff;}

@media (min-width:992px){
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-pull-12{right:100%}
	
	.col-md-pull-11{right:91.66666667%}
	.col-md-pull-10{right:83.33333333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666667%}
	.col-md-pull-7{right:58.33333333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666667%}
	.col-md-pull-4{right:33.33333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.66666667%}
	.col-md-pull-1{right:8.33333333%}
	.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666667%}
	.col-md-push-10{left:83.33333333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666667%}
	.col-md-push-7{left:58.33333333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666667%}
	.col-md-push-4{left:33.33333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.66666667%}
	.col-md-push-1{left:8.33333333%}
	.col-md-push-0{left:auto}
	
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666667%}
	.col-md-offset-10{margin-left:83.33333333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666667%}
	.col-md-offset-7{margin-left:58.33333333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666667%}
	.col-md-offset-4{margin-left:33.33333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.66666667%}
	.col-md-offset-1{margin-left:8.33333333%}
	.col-md-offset-0{margin-left:0}
	
}

@media ( min-width: 768px) and (max-width: 991px) {
    .tc-gridbox {
        display: block;
        float: none;
        width: 95%;
    }
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}
    .col-md-4{width:33.33333333%}
    .col-md-2{width:16.66666667%}
    .col-md-push-2{left:16.66666667%}
    .col-md-push-4{left:33.33333333%}
}

@media ( max-width: 991px) {
    .tc-gridbox-container {
        display: block;
        float: none;
        width: 100%;
    }

    .tc-gridbox {
        margin: 0 0 10px 0;
    }
    
    
    
}

.tc-gridbox .header {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    background: #fff;
}

.tc-gridbox .footer {
    padding: 5px 14px 5px 14px;
    text-align: right;
    background: #fff;
}

.tc-gridbox .header .item-image {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.tc-gridbox .header img {
    margin-bottom: 5px;
    width: 100%;
    /*-webkit-transition: all 0.8s ease-in-out;*/
    /*-moz-transition: all 0.8s ease-in-out;*/
    /*-o-transition: all 0.8s ease-in-out;*/
    /*-ms-transition: all 0.8s ease-in-out;*/
    /*transition: all 0.8s ease-in-out;*/
}

.tc-gridbox .header img:hover {

    /*-webkit-transform: scale(1.2) rotate(2deg);*/
    /*-moz-transform: scale(1.2) rotate(2deg);*/
    /*-o-transform: scale(1.2) rotate(2deg);*/
    /*-ms-transform: scale(1.2) rotate(2deg);*/
    /*transform: scale(1.2) rotate(2deg);*/
}

.tc-gridbox .header h3 {
    color: #454a4e;
    margin: 0 5px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
}

.tc-gridbox .header h3 a,
.tc-gridbox .header h3 a:focus,
.tc-gridbox .header h3 a:hover {
    color: #454a4e;
    white-space: nowrap;
}

.tc-gridbox .header .meta {
    color: #5a6065;
}

.tc-gridbox .header hr {
    border-top-color: #eee;
    border-bottom: none;
    margin: 5px 0;
}

.tc-gridbox .body {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 14px;
    color: #343a3f;
}

.tc-gridbox .body a {
    color: #666;
}

.tc-gridbox .body a:hover {
    color: #428bca;
}

.tc-gridbox .btn {
    float: right;
    margin-right: 10px;
    margin-bottom: 18px;
}

/*masonary*/

.masonary-container .item {
    margin-bottom: 20px;
}

.masonary-container .item h3 {
    line-height: 100%;
}

.masonary-container .grid-sizer, .masonary-container .item {
    width: 24.9%;
    margin: 10px 0.05%;
    float: left;
    zoom: 1;
}



@media ( max-width: 1366px) {
	.navbar-nav{ text-align:right; padding-right:100px;}
	.nav-mu-tel,.hd-tel{ display:none }
	.navbar-nav>li>a{font-size:14px;}
}

@media (min-width: 1181px){
	.nav-mu-tel{display:line-block}
	.nav-mu-mp{ display: none}
}

@media (max-width: 1180px) {
	
	.navbar-nav{ text-align:left; padding:0;overflow-y:visible !important; }
	.navbar-nav{ float:none;display:none; position:absolute; top:78px; right:0; width:100%; overflow-y:auto; z-index:99;background-color:#fff; padding:0; }
	.navbar-nav .menu-item{  height:50px; line-height:50px;  margin:0; padding:0}
	.navbar-nav>li{margin:0px; width:25%; display:block !important;float:left !important; }
	.navbar-nav>li>a,.navbar-nav>li>a.active{ border-bottom:1px solid #ededed; height:50px; line-height:50px;padding-left:2em}
	.navbar-nav>li>a:hover, .navbar-nav>li.active a, .navbar-nav>li>a:focus{ border:none; background:#f1f1f1}
}

@media ( max-width: 479px) {
	
	body {
		padding-top: 55px;
	}
	.container{ min-width:320px !important;}
	
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 98%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
	
	.headbar{ height: 50px; padding:15px 0;position:fixed; top: 0; left: 0; z-index:999;}
	.hd-logo{ padding:0 0 0 15px; line-height:50px !important; height: 50px !important;}
	.hd-logo img{height:25px;}
	.navbar-collapse{ background: #2677ff;}
	.navbar-toggle{ margin: 10px; height: 30px;}
	.navbar-toggle .icon-bar{background: #2677ff}
	.navbar{ position: fixed; z-index:998; background: #fff; left: 0; top: 0; right: 0;
	    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    	box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); min-height: 55px !important;
	}
	
	.nav-mu.glyphicon{ font-size:48px !important; color:#999; font-weight:100 !important; display:block; }
	.nav-mu-mp{ display:block; width:50px; height:55px; line-height:55px; text-align:center}
	.nav-mu-tel{ display:none;}
	.nav-mu-en{ display:none;}
	
	.navbar-nav{ float:none;display:none; position:absolute; top:55px; right:0; width:100%; overflow-y:auto; z-index:99;background-color:#fff; padding:0; }
	.navbar-nav .menu-item{ width:100%; height:50px; line-height:50px;  display:block}
	.navbar-nav>li{margin:0px; width:100%}
	.navbar-nav>li>a,.navbar-nav>li>a.active{ border-bottom:1px solid #ededed; height:50px; line-height:50px; }
	.navbar-nav>li>a:hover, .navbar-nav>li.active a, .navbar-nav>li>a:focus{ border:none; background:#f1f1f1}
	
	.index-cctv-video{ padding:15px;}
	.index-cctv-video .col-md-4{ width:49% !important; padding:0; margin:5px 0.5%; float:left;}
	.index-cctv-video a, .index-cctv-video h3{ font-size:13px; font-weight:100 !important; margin:5px 0}
	
	.icon-hc{   padding:25px 0 0 0; background:url(/images/chinafire-hc.png) top center no-repeat; background-size:auto 20px ; }
	.icon-cctv-10{   padding:25px 0 0 0; background:url(/images/cctv-10.png) top center no-repeat; background-size:auto 20px ; }
	.icon-cctv-17{   padding:25px 0 0 0; background:url(/images/cctv-17.png) top center no-repeat; background-size:auto 20px ; }
	.icon-cctv-fxzl{ padding:25px 0 0 0;  background:url(/images/cctv-fxzl.png) top center no-repeat; background-size:auto 20px; }
	
	.banner{ display:none !important}
	.m-banner{ display: block}
	.service_category{ padding:0 !important}
	.service_category li img{width:96px !important;}
	.service_category li a{ width:150px; display:block; border-radius:4px; border:1px solid #f0f0f0; overflow:hidden; font-size:12px !important; margin:8px auto; padding:5px 0 12px 0; }
	.service_category li a:hover{ border:1px solid #666; color:#333399; !important;}
	
	/*首页 关于我们*/
	.box-cont{padding: 15px 0;}
	.box-gsjj{  background: none;}
	.box-gsjj-pic{ width: 100% }
	.box-gsjj-pic a img{ max-width: 100%}
	.box-gsjj-pic-tit{ width: 100%; color: #333; font-size: 16px; line-height: 0; text-align: center}
	.box-gsjj-pic-tit img{ height: 18px; width: auto; display: inline-block} 
	.box-gsjj-cont{ width: 100%; padding: 30px 0}
	.box-gsjj-cont p{ text-indent: 2em;line-height: 2em; height: 10em; overflow: hidden;}
	
	
	/*首页 新闻*/
	.box-news{ background: #f8f8f8;}
	.box-news-item{background: #fff; min-height:auto; overflow: hidden; border-radius: 9px; margin-bottom: 15px; position: relative}
	.box-news-item:hover{ margin-top: -20px;background: #dde6ed; }
	.box-news-item h4{ font-size: 16px; font-weight: 100;}
	
	.box-news-item h4 strong{ font-weight: 100; line-height: 1.4}
	
	.box-news-item p{ display: none}
	.box-news-item a{ color: #282828; text-decoration: none;}
	.box-news-item a:hover{ color: #000;}
	.box-news-item-pic{border-radius: 9px 0 0 9px; width: 42%; height:100px !important; float: left;overflow: hidden;border:none}
	.box-news-item-cont{ padding: 5px 15px; float: right; width: 58%;}
	.news-list{ padding:0px !important;}
	
	/*首页-产品展示*/
	.box-product{background:none; background-color: #f5f5f5;}
	.box-product .container{ padding: 5px; }
	
	.box-product .box-tit{ color: #333;}
	.box-product .box-en{ color: #333;}
	.product-nav{ padding:0 10px; display:none}
	.product-nav a{ margin: 3px 0; background: #fff; color: #333; display: inline-block; line-height:36px; border-radius: 5px;padding: 0 8px; text-decoration: none}
	.product-nav a:hover,.product-nav a.active{ background: #2677ff; color: #fff;}
	.box-product .col-md-3{ width: 50%; float: left;padding: 1px;}
	.product-list{ padding:0; margin:0;}
	.product-list-item{ background: #fff; border-radius: 0; overflow: hidden; margin-top: 0; position:relative; height:248px !important;}
	.product-list-item-cont{ padding:10px 20px; text-align:left; position:absolute; bottom:0; left:0; width:100%; height:auto; }
	.product-list-item-cont h4{  line-height: 1.2; font-size:14px; text-align: left; color:#333 !important; }
	
	.product-move{ width:100%; height:100%; overflow:hidden; text-align:center; line-height:248px; display:block; text-decoration:none !important}
	
	/*首页-6大优势*/
	.box-advantage{background: none; }
	.box-advantage .container{ padding: 0;}
	.box-advantage-item { padding:15px 30px; background: #fff; width:50% !important; float:left; height:240px; border-bottom:1px solid #f1f1f1}

	.box-advantage-item h2{ font-weight: 700; color: #2780E8; display:block !important;text-align:center !important; margin:0 0 15px 0}
	
	.box-advantage-item p{ font-size: 12px;text-align:left !important}
	.box-advantage-item .iconfont{float:none !important; width:100%; font-size: 48px; margin: 0 !important; color: #2677FF; display: block !important; text-align:center !important}
	.box-advantage-item-1,.box-advantage-item-3,.box-advantage-item-5{ width: 100%; float: left; margin:0; }
	.box-advantage-item-2,.box-advantage-item-4,.box-advantage-item-6{ width: 100%; float: right; margin:0; }
	.box-advantage-item-3,.box-advantage-item-4{width: 100%; }
	
	.box-advantage-item-1 .iconfont,.box-advantage-item-3 .iconfont,.box-advantage-item-5 .iconfont{}
	.box-advantage-item-2 .iconfont,.box-advantage-item-4 .iconfont,.box-advantage-item-6 .iconfont{ }
	
	
	/*首页-荣誉*/
	.box-honor{background: #33c url(/images/index_honor_bg.jpg) top center no-repeat;  background-size:auto 100%;}
	.box-honor .box-tit{ color: #996600;}
	.box-honor .box-en{ color: #996600;}
	.box-honor .box-cont{ overflow-x: auto}
	.honor-list{white-space:nowrap; width: auto; display: inline-block;}
	
	.honor-list>li,.honor-list>li.col-md-4,.honor-list>li.col-md-2{ position: relative; margin: 0; height: 210px !important; width: 180px !important;display: inline-block;}
	.honor-list>li .img{height: 100% !important; overflow: hidden; background:none; border:none;}
	
	.honor-list>li.col-md-4{ width:auto !important}
	
	.honor-list>li.col-md-4 .img{height: 100% !important;}
	.honor-list>li.col-md-4 .img img{
		display: block;
	    max-width: 100%;
	    max-height: 100%;
	}
	    
	
	.honor-list>li .tit{ position: relative;  bottom: auto; left: auto; right: auto; background: none; color: #fff; text-align: center; padding: 10px;  display: block; overflow: hidden}
	.honor-list>li a:hover .tit,.honor-list>li:hover .tit{display: block}
	
	/*首页 轮播*/
	.box-case{background: none; background-color: #fff; }
	
	.case-slider-item{ height: 210px}
	.case-slider-item h3{
		
		font-size: 16px;
		padding: 20px;
		left: 0;
		right:auto;
		border-radius: 0;
		
	}
	.case-slider-item img{ height:210px; }
	.sy-pager{ display: none !important}
	
	
	/*首页 */
	
	
	.topbar,.footer-nav,.contactus-en,.footer_sevr_tit{ display: none}
	.footer .pull-left,.footer .pull-right{ float:none !important; display:block; text-align:center}
	.footer-tel-tit,.footer-tel-num{ float:none; }
	.footer-tel-num{text-align: center}
	.footer-tel-num i{ margin:0;}
	
	.container h2{ font-size: 20px;}
	.container h2 span{ padding-left:1em; font-size:12px; color:#999}
	.navbar-nav{ margin: 0;}

	.box-ry-li{ margin-top: 15px}
	.box-ry-li .col-md-2{ width: 16.6666%; float: left;padding:0 10px;}
	.box-ry-li .col-md-2 img{ width: 100%;}

	.box-tit{ margin-top: 30px; font-size: 24px;}
	.box-en{letter-spacing:0.8px; color: #666; font-size: 12px; opacity: .5}
	
	.footer_line{ margin-top:0; padding-top:0;}
	.footer_line .hr_line{margin-top:0; padding-top:0;}
	
	.footer_telbar{ margin:0px;}
	.footer_telbar b,.footer_telbar i{ font-size:36px !important}
	.footer-tel-sevr,.footer_sevr_line,.footer_line .pull-left a{ display:none}
	
	.lz-jxal-item{ width:50% !important;}

	.box-shfw{ background-size:150% auto !important;}

}

@media ( min-width: 480px) and (max-width: 767px) {
	
	body {
		padding-top: 55px;
	}
	body.body-white {
		background: #f5f5f5;
	}
    .masonary-container .grid-sizer, .masonary-container .item {
        width: 48%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
    
	.headbar{ height: 55px; padding:0;}
	.hd-logo{ padding:0 0 0 15px}
	
	.navbar-collapse{}
	.navbar-toggle .icon-bar{}
	.navbar{ position: fixed;  background: #fff; left: 0; top: 0; right: 0; height: 55px; min-height: 55px !important; z-index: 998 ; /*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/
	}
	
	.banner{min-height: 150px; background-size:auto 100%; }
	
	/*首页 关于我们*/
	.box-cont{padding: 15px 0;}
	.box-gsjj{  background: none;}
	.box-gsjj-pic{ width: 100% }
	.box-gsjj-pic a img{ max-width: 100%}
	.box-gsjj-pic-tit{ width: 100%; color: #333; font-size: 16px;}
	.box-gsjj-pic-tit img{ height: 20px; width: auto} 
	.box-gsjj-cont{ width: 100%; padding: 30px 0}
	.box-gsjj-cont p{ text-indent: 2em}
	
	.topbar,.footer-nav,.contactus-en,.footer_sevr_tit{ display: none}
	.footer .pull-left,.footer .pull-right{ float:none !important}
	
	.footer-tel-tit,.footer-tel-num{ float:none}
	.footer_telbar b,.footer_telbar i{ font-size:36px !important}
	.footer-tel-sevr{ display:none}
	
}

/*list Boxes
------------------------------------*/

.list-boxes {
    overflow: hidden;
    padding: 25px 50px;
    margin-top: 15px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-wrap: break-word;
    word-break: break-all;
}

.list-boxes .fa-arrow-right{
height: 40px;
width: 40px;
line-height: 36px;
text-align: center;
border: solid 2px #ccc;
border-radius: 50%;
	color: #ccc;
margin-left: 25px;
}

.list-boxes:hover {
   
}

a .list-boxes * {
    color: #555;
	text-decoration: none;
}

a:hover .list-boxes *{
    color: #2677ff;
	border-color: #2677ff;
	text-decoration: none
}

.list-boxes .list-actions a {
    font-size: 16px;
    text-decoration: none;
}

.list-boxes p a {
    color: #72c02c;
	text-decoration: none;
}

.list-boxes .list-boxes-img li i {
    color: #72c02c;
    font-size: 12px;
    margin-right: 5px;
}

.list-boxes .list-boxes-img img {
    display: block;
    margin: 5px 10px 10px 0;
}

.list-boxes h2 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
}

.list-boxes ul.list-boxes-rating li {
    display: inline;
}

.list-boxes ul.list-boxes-rating li i {
    color: #f8be2c;
    cursor: pointer;
    font-size: 16px;
}

.list-boxes ul.list-boxes-rating li i:hover {
    color: #f8be2c;
}

/*list Colored Boxes*/
.list-boxes-colored p,
.list-boxes-colored h2 a,
.list-boxes-colored .list-boxes-img li,
.list-boxes-colored .list-boxes-img li i {
    color: #fff;
}

/*Red list Box*/
.list-boxes-red {
    background: #e74c3c;
}

/*Blue list Box*/
.list-boxes-blue {
    background: #3498db;
}

/*Grey list Box*/
.list-boxes-grey {
    background: #95a5a6;
}

/*Turquoise list Box*/
.list-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered list Box*/
.list-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

.list-boxes-top-sea:hover {
    border-top-color: #16a085;
}

/*Yellow Top Bordered list Box**/
.list-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

.list-boxes-top-yellow:hover {
    border-top-color: #f39c12;
}

/*Orange Left Bordered list Box**/
.list-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

.list-boxes-left-orange:hover {
    border-left-color: #d35400;
}

/*Green Left Bordered list Box**/
.list-boxes-left-green {
    border-left: solid 2px #72c02c;
}

.list-boxes-left-green:hover {
    border-left-color: #5fb611;
}

/*Green Right Bordered list Box**/
.list-boxes-right-u {
    border-right: solid 2px #72c02c;
}

.list-boxes-right-u:hover {
    border-right-color: #5fb611;
}


/*comments*/
.comment {
    margin-bottom: 10px;
}

.comment .avatar {
    height: 40px;
    width: 40px;
}

.comment-body {
    overflow: hidden;
}

.comment-content {
    padding-bottom: 2px;
    word-break: break-all;
    word-wrap: break-word;
}

.comment > .pull-left {
    margin-right: 10px;
}

.comment .time {
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
}

.comment-postbox-wraper {

}

.comment-postbox {
    width: 100%;
    padding: 10px;
}

.comment-reply-box {
    position: relative;
}

.comment-reply-box .textbox {
    width: 100%
}

.comment-reply-submit .btn {
    margin-top: 20px;
}

/*ranking box*/

.ranking ul li {
    padding: 5px 0;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #f0f0f0;
}

.ranking ul.unstyled li i {
    margin-right: 5px;
}

.ranking li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    background-color: #aaa;
}

.ranking li.top3 i {
    background: #FC9B0B;
}

/*comment ranking box*/
.comment-ranking .comment-ranking-inner {
    padding: 10px;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 10px;
    /*border-top: solid 2px #eee;*/
}

.comment-ranking .comment-ranking-inner,
.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    width: 0;
    height: 0;
    right: 0px;
    bottom: 0px;
    content: " ";
    display: block;
    position: absolute;
}

.comment-ranking .comment-ranking-inner:after {
    border-top: 15px solid #eee;
    border-right: 15px solid transparent;
    border-left: 0px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-right-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:before {
    border-bottom: 15px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-bottom-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:hover {
    border-color: #FC9B0B;
    border-top-color: #FC9B0B;
    background: #f0f0f0;
}

.comment-ranking .comment-ranking-inner:hover:after {
    border-top-color: #FC9B0B;
}

.comment-ranking .comment-ranking-inner span.comment-time {
    color: #777;
    display: block;
    font-size: 11px;
}

.comment-ranking .comment-ranking-inner a {
    text-decoration: none;
}

.comment-ranking .comment-ranking-inner a:hover {
    text-decoration: underline;
}

.comment-ranking .comment-ranking-inner i.fa {
    top: 2px;
    color: #bbb;
    font-size: 18px;
    position: relative;
}

/*ThinkCMF Photos*/
ul.tc-photos {
    margin: 0;
}

.tc-photos li {
    display: inline;
}

.tc-photos li a {
    text-decoration: none;
}

.tc-photos li img {
    opacity: 0.6;
    width: 50px;
    height: 50px;
    margin: 0 2px 8px;
    border: 1px solid #ddd;
}

.tc-photos li img:hover {
    opacity: 1;
    border: 1px solid #f90;
    /* box-shadow: 0 0 0 1px #f90; */
}

/**/

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a {
}

.posts .dl-horizontal {
    margin-bottom: 15px;
    overflow: hidden;
}

.posts .dl-horizontal dt {
    width: 60px;
    float: left;
}

.posts .dl-horizontal dt .img-wraper {
    display: block;
    width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd;
}

.posts .dl-horizontal dt img {
    width: 100%;
    height: 100%;
    /* width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd; */
}

.posts .dl-horizontal dd {
    margin-left: 70px;
}

.posts .dl-horizontal dd p {
    margin: 0;
}

.posts .dl-horizontal dd a {
    font-size: 14px;
    line-height: 16px !important;
}

.posts .dl-horizontal dd a:hover {
    text-decoration: none;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
    color: #FC9B0B;
    border-color: #FC9B0B !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.baidu_img{ position:absolute; z-index:-1; left:-9999; opacity:0;}

@media ( min-width: 1000px){
	.article-box{ margin-bottom:3em; padding: 0 8.5%;}
	.article-box img{ display:block; margin:0 auto; max-width:100%}
	.article-box p{ font-size:17px; line-height:2}
	.article-box h2{ font-weight:700; font-size:40px; margin:70px 0; text-align:center}
	.article-infobox{ position:relative; text-align:center; color:#999; font-size:17px; padding:10px; height:100px;}
	.article-infobox span{ display:line-block; background-color:#fff; position:relative; z-index:2; padding:1em}
	.article-infobox hr{ position:absolute; top:5px; width:100%; z-index:1}
}


.fa-arrow-circle-up{ position:fixed; bottom:15px; right:15px; font-size:45px; text-align: center; line-height:45px; background-color:#fff; border-radius:50%; overflow:hidden; width:45px; height:45px; z-index:9999; color:#515151; opacity:0.8; cursor:pointer}


.service_category {
    width: 100%;
    background-color: #fff;
    height: 100%;
    overflow: hidden;
    padding: 50px 0;
}

.service_category li {
    width: 50%;
    max-width: 285px;
    list-style: none;
    float: left;
    text-align: center;
}
.service_category li a{
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
.service_category li img{ padding:0; margin:0 auto; width:144px; height:auto}